<!DOCTYPE html>
<!-- saved from url=(0058)https://m.zuche.com/html5/newversion/order/vehcselect.html -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="yes" name="apple-touch-fullscreen">
<meta content="telephone=no,email=no" name="format-detection">
<meta content="fullscreen=yes,preventMove=no" name="ML-Config">
<title>神州租车—中国租车领导者!天天超低价!!!</title>
<meta name="description"
	content="神州租车-全国70大城市,90大机场高铁,万辆新车,不限里程,价格超低,手续便捷,服务尽心,24小时服务,携手贝克汉姆共启云战略.Tel:400-616-6666">
<meta name="keywords"
	content="租车，租车网，租车公司，汽车租赁，H_lYMbU-rQ0RUInbjlkbxqyQBhQ">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
<meta name="apple-mobile-web-app-title" content="神州租车">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta content="telephone=no" name="format-detection">
<meta name="baidu-tc-cerfication"
	content="55c603db1cd78c7f7ab7686162824f23">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/screen/common@ee713f7a54.css">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/screen/zcbase@b22e88b759.css">
<link type="text/css" rel="stylesheet"
	href="/css/H5phone/screen/zcorder@ccf5099280.css">
</head>
<body>
	<header class="zc_header_bd">
		<h1 class="header_title" id="page_title">筛选</h1>
	</header>
	<div class="hotel-page-pt50 zc_common">
		<ol class="order_screen_tab">
			<li class="cur" title="price">按价格</li>
			<li title="modelLevels" class="">按车型</li>
			<li class="">按品牌</li>
		</ol>
		<div class="order_screen_con o_s_price cur" style="height: 499px;">
			<ul id="priceList">

				<li dictcode="0" data-minprice="0" data-maxprice="0" class="yellow">价格不限</li>

				<li dictcode="1" data-minprice="0" data-maxprice="150">￥150以下</li>

				<li dictcode="2" data-minprice="150" data-maxprice="300">￥150-￥300</li>

				<li dictcode="3" data-minprice="300" data-maxprice="500">￥300-￥500</li>

				<li dictcode="4" data-minprice="500" data-maxprice="100000">￥500以上</li>

			</ul>
		</div>
		<div class="order_screen_con o_s_type" style="height: 499px;">
			<ul id="levelList">
				<li dictcode="1" class="yellow">全部车型 </li>
				
				<li dictcode="1">手动紧凑型</li>

				<li dictcode="3">经济型</li>

				<li dictcode="5">商务型</li>

				<li dictcode="6">豪华型</li>

				<li dictcode="7">SUV</li>

				<li dictcode="8">6至15座商务车</li>

				<li dictcode="9">个性车</li>

				<li dictcode="12">电动车</li>

			</ul>
		</div>
		<div class="order_screen_con o_s_brand" style="height: 499px;">
			<dl id="brandList">
				<dd dictcode="2" class="yellow">
					<img src="/css/H5phone/screen/audi.png"> 全部品牌
				</dd>
				<dd dictcode="3">
					<img src="/css/H5phone/screen/audi.png"> 奥迪
				</dd>

				<dd dictcode="67">
					<img src="/css/H5phone/screen/bmw.png"> 宝马
				</dd>

				<dd dictcode="69">
					<img src="/css/H5phone/screen/benz.png"> 奔驰
				</dd>

				<dd dictcode="71">
					<img src="/css/H5phone/screen/bentian.png"> 本田
				</dd>

				<dd dictcode="72">
					<img src="/css/H5phone/screen/byd.png"> 比亚迪
				</dd>

				<dd dictcode="74">
					<img src="/css/H5phone/screen/bieke.png"> 别克
				</dd>

				<dd dictcode="80">
					<img src="/css/H5phone/screen/dazong.png"> 大众
				</dd>

				<dd dictcode="84">
					<img src="/css/H5phone/screen/fengtian.png"> 丰田
				</dd>

				<dd dictcode="86">
					<img src="/css/H5phone/screen/ford.png"> 福特
				</dd>

				<dd dictcode="93">
					<img src="/css/H5phone/screen/kadilake.png"> 凯迪拉克
				</dd>

				<dd dictcode="100">
					<img
						src="https://m.zuche.com/html5/newversion/order/vehcselect.html">
					路虎
				</dd>

				<dd dictcode="103">
					<img src="/css/H5phone/screen/qirui.png"> 奇瑞
				</dd>

				<dd dictcode="104">
					<img src="/css/H5phone/screen/kia.png"> 起亚
				</dd>

				<dd dictcode="106">
					<img src="/css/H5phone/screen/richan.png"> 日产
				</dd>

				<dd dictcode="107">
					<img src="/css/H5phone/screen/sanling.png"> 三菱
				</dd>

				<dd dictcode="111">
					<img src="/css/H5phone/screen/skoda.png"> 斯柯达
				</dd>

				<dd dictcode="112">
					<img src="/css/H5phone/screen/volvo.png"> 沃尔沃
				</dd>

				<dd dictcode="114">
					<img src="/css/H5phone/screen/xiandai.png"> 现代
				</dd>

				<dd dictcode="115">
					<img src="/css/H5phone/screen/xuefulan.png"> 雪佛兰
				</dd>

				<dd dictcode="116">
					<img src="/css/H5phone/screen/xuetielong.png"> 雪铁龙
				</dd>

				<dd dictcode="126">
					<img src="/css/H5phone/screen/datong.png"> 上汽大通
				</dd>

				<dd dictcode="128">
					<img src="/css/H5phone/screen/hs.png"> 华颂
				</dd>

				<dd dictcode="133">
					<img
						src="https://m.zuche.com/html5/newversion/order/vehcselect.html">
					宝沃
				</dd>

			</dl>
		</div>
	</div>
	<div class="o_screen_submit_bd">
		<div class="bd">
			<a href="https://m.zuche.com/html5/newversion/order/vehicle.html"
				class="fl">取消</a> <a href="javascript:void(0)" class="fr"
				id="confirm">确定</a>
		</div>
	</div>

	<script type="text/javascript"
		src="/css/H5phone/screen/jquery-1.7.1.min@db2cccefed.js.下载"></script>
	<style>
#priceList li.yellow:after {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 5px solid #fabe00;
}
#levelList li.yellow:after {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 5px solid #fabe00;
}
#brandList dd.yellow:after {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	border: 5px solid #fabe00;
}
</style>
	<script>
		$(".order_screen_tab").children("li").eq(0).click(function() {
			$(".order_screen_con.o_s_price.cur").css("display", "block");
			$(".order_screen_con.o_s_type").css("display", "none");
			$(".order_screen_con.o_s_brand").css("display", "none");
		})
		$(".order_screen_tab").children("li").eq(1).click(function() {
			$(".order_screen_con.o_s_type").css("display", "block");
			$(".order_screen_con.o_s_price.cur").css("display", "none");
			$(".order_screen_con.o_s_brand").css("display", "none");
		})
		$(".order_screen_tab").children("li").eq(2).click(function() {
			$(".order_screen_con.o_s_brand").css("display", "block");
			$(".order_screen_con.o_s_type").css("display", "none");
			$(".order_screen_con.o_s_price.cur").css("display", "none");
		})
		$("#priceList").children("li").toggle(function() {
			//console.log($(this).after());
			$(this).addClass("yellow");
			$(this).siblings("li").removeClass("yellow");

		}, function() {
			$(this).removeClass("yellow");
		})
		$("#levelList").children("li").toggle(function() {
			//console.log($(this).after());
			$(this).addClass("yellow");
			$(this).siblings("li").removeClass("yellow");

		}, function() {
			$(this).removeClass("yellow");
		})
		$("#brandList").children("dd").toggle(function() {
			//console.log($(this).after());
			$(this).addClass("yellow");
			$(this).siblings("dd").removeClass("yellow");

		}, function() {
			$(this).removeClass("yellow");
		})
		$("#confirm").click(function() {
			var min=$("#priceList .yellow").data("minprice");
			var max=$("#priceList .yellow").data("maxprice");
			var carmodel=$("#levelList .yellow").text().trim();
			var brand=$("#brandList .yellow").text().trim();
			window.location.href="/jump/carType?minprice="+min+"&maxprice="+max+"&carType="+carmodel+"&brand="+brand;
		})
	</script>
	<div id="loading-mask" class="mask" style="display: none;">
		<div class="loading-new">
			<span class="l-logo"></span><span class="l-film animate-loading"></span>
		</div>
	</div>


</body>
</html>
